<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/top.css">
</head>
<body>
<div class="top">
    <!--        公司信息-->
    <div class="justify-content-center">
        <div class="justify-content-between align-items-center">
            <div class="logo"></div>
            <div class="justify-content-start align-items-center">
                <div class="phone-img"></div>
                <div class="phone">028-999999999</div>
            </div>
        </div>
    </div>
    <!--        导航-->
    <div class="justify-content-center">
        <div class="justify-content-start align-items-center nav">
            <!--                字体上下居中-->
            <div onclick="window.location.href='index.html'">网站首页</div>
            <div onclick="window.location.href='company.html'">公司信息</div>
            <div onclick="window.location.href='news.html'">新闻介绍</div>
            <div onclick="window.location.href='product.html'">产品介绍</div>
            <div onclick="window.location.href='online.html'">在线留言</div>
            <div onclick="window.location.href='callus.html'">联系我们</div>
        </div>
    </div>
    <div class="justify-content-center">
        <div class=" ad   align-items-center">
            <div class="">
                <div class="justify-content-start">
                    <div>品味生活</div>
                    <div>·</div>
                    <div>品味美食</div>
                </div>
                <div>
                    <div>一壶茶湖出了生活的醇美</div>
                    <div>一枝花开出了生活的鲜艳</div>
                    <div>一首诗吟出了生活的酸辛</div>
                    <div>一把火燃烧出了生活的激情</div>
                    <div>一枝笔绘出了人生的五彩缤纷</div>
                    <div>一首歌唱出了人生的喜怒哀惧</div>
                    <div>生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>
                </div>
                <div>
                    <!--                        所有想要单独控制的容器都需要用div包含起来-->
                    <div class="justify-content-start align-items-end">
                        <div class="pw">品味</div>
                        <div>生活</div>
                        <div class="pw">品味</div>
                        <div>美食</div>
                    </div>
                    <div>某某给你生活指南</div>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>